<template>
  <div>
    <bread-crumb
      class="bread-crumb-padding"
      :list="breadCrumb"
      :user="true"
    ></bread-crumb>
    <div class="user-main-box">
      <user-tab-list :list="tablist"></user-tab-list>
      <div class="filter-line b-b-d flx-row-s-c">
        <span class="item-name">委托日期</span>
        <Input
          v-model.trim="test"
          placeholder=""
          maxlength="30"
          style="width: 120px"
        />
        <div class="two-input-middle"></div>
        <Input
          v-model.trim="test"
          placeholder=""
          maxlength="30"
          style="width: 120px"
        />
        <div
          class="user-strong-button line-button-size"
          style="margin: 0 10px 0 30px"
        >
          搜索
        </div>
        <div class="user-normal-button line-button-size">重置</div>
      </div>
      <div class="filter-line search-result-line flx-row-bw-c">
        <span class="c-g f-14">搜索结果<span class="c-o">（2000）</span></span>
      </div>
      <table class="table-area">
        <thead>
          <tr>
            <th><div class="line-style">序号</div></th>
            <th><div class="line-style">代购商标</div></th>
            <th><div class="line-style">商标分类</div></th>
            <th><div class="line-style">最高预算（元）</div></th>
            <th><div class="line-style">留言</div></th>
            <th><div class="line-style">委托日期</div></th>
            <th><div class="line-style">状态</div></th>
          </tr>
        </thead>
        <tbody>
          <tr class="lc-f">
            <td>
              <div class="line-style"><span class="normal-f">1</span></div>
            </td>
            <td>
              <div class="line-style">
                <span class="normal-f f-ell-sin">化工</span>
              </div>
            </td>
            <td>
              <div class="line-style">
                <span class="normal-f f-ell-sin">第01类-化工原料</span>
              </div>
            </td>
            <td>
              <div class="line-style">
                <span class="normal-f">100.00</span>
              </div>
            </td>
            <td>
              <div class="line-style">
                <span class="normal-f f-ell-sin">190是真的好啊190是真的好啊190是190是真的好啊190是真的好啊190是真的好啊190是真的好啊190是真的好啊190是真的好啊真的好啊</span>
                <span class="b-form-font-button">详情</span>
              </div>
            </td>
            <td>
              <div class="line-style">
                <span class="normal-f">2015-12-03 10：20</span>
              </div>
            </td>
            <td>
              <div class="line-style normal-f">待成交</div>
            </td>
          </tr>
          <tr class="lc-F9FAFB">
            <td>
              <div class="line-style"><span class="normal-f">1</span></div>
            </td>
            <td>
              <div class="line-style">
                <span class="normal-f f-ell-sin">化工</span>
              </div>
            </td>
            <td>
              <div class="line-style">
                <span class="normal-f f-ell-sin">第01类-化工原料</span>
              </div>
            </td>
            <td>
              <div class="line-style">
                <span class="normal-f">100.00</span>
              </div>
            </td>
            <td>
              <div class="line-style">
                <span class="normal-f f-ell-sin">190是真的好啊190是真的好啊190是190是真的好啊190是真的好啊190是真的好啊190是真的好啊190是真的好啊190是真的好啊真的好啊</span>
                <span class="b-form-font-button">详情</span>
              </div>
            </td>
            <td>
              <div class="line-style">
                <span class="normal-f">2015-12-03 10：20</span>
              </div>
            </td>
            <td>
              <div class="line-style normal-f">待成交</div>
            </td>
          </tr>
          <tr class="lc-f">
            <td>
              <div class="line-style"><span class="normal-f">1</span></div>
            </td>
            <td>
              <div class="line-style">
                <span class="normal-f f-ell-sin">化工</span>
              </div>
            </td>
            <td>
              <div class="line-style">
                <span class="normal-f f-ell-sin">第01类-化工原料</span>
              </div>
            </td>
            <td>
              <div class="line-style">
                <span class="normal-f">100.00</span>
              </div>
            </td>
            <td>
              <div class="line-style">
                <span class="normal-f f-ell-sin">190是真的好啊190是真的好啊190是190是真的好啊190是真的好啊190是真的好啊190是真的好啊190是真的好啊190是真的好啊真的好啊</span>
                <span class="b-form-font-button">详情</span>
              </div>
            </td>
            <td>
              <div class="line-style">
                <span class="normal-f">2015-12-03 10：20</span>
              </div>
            </td>
            <td>
              <div class="line-style normal-f">待成交</div>
            </td>
          </tr>
        </tbody>
      </table>
      <div class="form-page-bottom-area flx-row-e-c">
        <Page :total="40" show-elevator show-sizer show-total />
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: "VipTmPurchasing",
  data() {
    return {
      breadCrumb: [{ name: "商标经纪" }, { name: "我的代购记录" }],
      tablist: [
        {
          name: "商标委托代购记录",
          to: "/user/tmpurchasing",
        }
      ],
      test: ""
    };
  },
  mounted() {},
  methods: {},
};
</script>

<style lang="scss" scoped>
</style>